<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <script src="../js/public.js"></script>
    <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .fl{float: left;}
        .fr{float: right;}
    	/* 头部   */
    	.mui-bar-nav{background-color: #71BB98;}
    	.mui-bar-nav .mui-title{color:#FFF;font-size:1.2rem;}
    	.mui-bar-nav .mui-action-back{color:#FFF;}
    	/* 消息区域   */
    	.word{width: 100%; height: 8rem; margin: 2.2rem 0 1.2rem;}
    	.word a>div{width: 23%; float: left; margin: 0 1%; text-align: center; background: #FFF; -webkit-box-shadow: 5px 5px #EFF0FB; -moz-box-shadow: 5px 5px #EFF0FB; box-shadow: 5px 5px #EFF0FB;}
    	.word img{height: 4.5rem; margin: 1rem 0 0.5rem; width: 50%;}
    	.word p{text-align: center; height: 2rem; line-height: 2rem; font-size: 1rem; margin-bottom: 0;}
    	.word a>div>span{position: absolute; top: 5rem; background-color: #FF0000;}
    	.word .advices span{left: 20%;}
    	.word .receiving span{left: 44%;}
    	.word .operation span{left: 69%;}
    	.word .audit span{left: 93%;}
    	/* 内容区域 */
    	.mission,.record{width: 98%; margin:0 1% 1rem; background-color: #FFF; padding-top: 0.5rem;padding-bottom:1rem;height: 16.5rem;}
    	.mission h3,.record h3{height: 2.2rem; line-height: 2.2rem; font-size: 1.2rem; margin: 0 1rem; border-bottom: 1px solid #ADADAD; font-weight: 500; color:#F47D00;}
    	.mission h3 span,.record h3 span{border-left: 4px solid #5D74F2; padding-left: 0.6rem; display: inline-block; height: 2rem;}
    	.mission p,.record p{height: 2rem; line-height: 2rem; margin: 0 1rem;}
    	/* 底部   */
    	.mui-bar-tab{color:#FFF;}
    	.mui-bar-tab .mui-tab-item{background-color: #71BB98; color:#FFF;} 
    	.mui-bar-tab .mui-tab-item:first-child{border-right: 1px solid #FFF;}
    	.mui-bar-tab .mui-tab-item .mui-icon{display: inline-block; font-size: 2.5rem;}
    	.mui-bar-tab .mui-tab-item.mui-active{color: red;}
    	.chart_mid_r{padding:0 1rem;height: 85%; overflow-y: scroll;}
    	.chart_mid_r p{height: 1rem;font-size: 0.8rem;margin:0.7rem 0;}
		.chart_mid_r p a{width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#777777;}
		.chart_mid_r p span{min-width: 152px;width: 23%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">工单总览</h1>
	</header>
	
	<nav class="mui-bar mui-bar-tab">
	    <a class="mui-tab-item mui-active" id="home">
	        <span class="mui-icon mui-icon-home"></span>
	    </a>
	    <a class="mui-tab-item" id="myinfo">
	        <span class="mui-icon mui-icon-person"></span>
	    </a>
	</nav>
	
</body>
<script type="text/javascript" charset="utf-8">
//
		document.getElementById('myinfo').addEventListener('tap',function(){
			mui.openWindow({
					url:"per_information.html",
					id:"per_information",
					style:{},
					show:{
						autoShow:true,
						aniShow:"slide-in-right",
						duration:100
					},
					waiting:{
						autoShow:true,
						title:"正在加载·····",
						options:{
						}
					}
			})
		});
		//
		document.getElementById('home').addEventListener('tap',function(){
			
			mui.openWindow({
					url:"../main.html",
					id:"main",
					style:{},
					show:{
						autoShow:true,
						aniShow:"slide-in-right",
						duration:100
					},
					waiting:{
						autoShow:true,
						title:"正在加载·····",
						options:{
						}
					}
			})
		});
		mui.init({
      		subpages:[{
			    url:'work_order_list.html',//下拉刷新内容页面地址
			    id:'list',//内容页面标志
			    styles:{
			        top:'45px',
			        bottom:'50px'
			    }
		    }],
		  	tap: true, //默认为true
		   	doubletap: true, //默认为false
		   	longtap: true, //默认为false
		   	swipe: true, //默认为true
		  	drag: true, //默认为true
		  	hold:false,//默认为false，不监听
		  	release:false//默认为false，不监听
      	});
</script>
</html>